<template>
  <div>
    <div v-if="device==='desktop'" class="dswd-products-second">
      <div class="products-cause">
        <div class="cause-img">
          <img src="../../assets/image/joinus/second/experience.png" alt="experience">
        </div>
        <div class="cause-content">
          <div class="cause-sub-title">全专业全流程</div>
          <div class="cause-content">建筑设计全专业全流程智能化模拟，汲取前人经验创造更多可能。开创新的行业概念。</div>
        </div>
      </div>
      <div class="products-cause">
        <div class="cause-content">
          <div class="cause-sub-title">多岗位培养</div>
          <div class="cause-content">重视员工职业规划和能力成长，提供学习机会帮助员工实现自身价值，找到适合员工的发展方向。</div>
        </div>
        <div class="cause-img">
          <img src="../../assets/image/joinus/second/direction.png" alt="direction">
        </div>
      </div>
      <div class="products-cause">
        <div class="cause-img">
          <img src="../../assets/image/joinus/second/technique.png" alt="technique">
        </div>
        <div class="cause-content">
          <div class="cause-sub-title">行业领先前沿科技</div>
          <div class="cause-content">公司专注于建筑设计和AI智能的探索，新课题、新挑战、新技术。</div>
        </div>
      </div>
      <div class="products-cause">
        <div class="cause-content">
          <div class="cause-sub-title">公司环境</div>
          <div class="cause-content">有活力的团队、舒适的办公环境、良好的工作氛围，快乐工作。</div>
        </div>
        <div class="cause-img">
          <img src="../../assets/image/joinus/second/atmosphere.png" alt="atmosphere">
        </div>
      </div>
      <div class="dividing-line" />
    </div>
    <div v-if="device==='ipad'" class="dswd-p-products-second">
      <div class="products-cause">
        <div class="cause-img">
          <img src="../../assets/image/joinus/second/experience.png" alt="experience">
        </div>
        <div class="cause-content">
          <div class="cause-sub-title">全专业全流程</div>
          <div class="cause-content">建筑设计全专业全流程智能化模拟，汲取前人经验创造更多可能。开创新的行业概念。</div>
        </div>
      </div>
      <div class="products-cause">
        <div class="cause-img">
          <img src="../../assets/image/joinus/second/direction.png" alt="direction">
        </div>
        <div class="cause-content">
          <div class="cause-sub-title">多岗位培养</div>
          <div class="cause-content">重视员工职业规划和能力成长，提供学习机会帮助员工实现自身价值，找到适合员工的发展方向。</div>
        </div>
      </div>
      <div class="products-cause">
        <div class="cause-img">
          <img src="../../assets/image/joinus/second/technique.png" alt="technique">
        </div>
        <div class="cause-content">
          <div class="cause-sub-title">行业领先前沿科技</div>
          <div class="cause-content">公司专注于建筑设计和AI智能的探索，新课题、新挑战、新技术。</div>
        </div>
      </div>
      <div class="products-cause">
        <div class="cause-img">
          <img src="../../assets/image/joinus/second/atmosphere.png" alt="atmosphere">
        </div>
        <div class="cause-content">
          <div class="cause-sub-title">公司环境</div>
          <div class="cause-content">有活力的团队、舒适的办公环境、良好的工作氛围，快乐工作。</div>
        </div>
      </div>
      <div class="m-bottom-divide" />
    </div>
    <div v-if="device==='mobile'" class="dswd-m-products-second">
      <div class="products-cause">
        <div class="cause-img">
          <img src="../../assets/image/joinus/second/experience.png" alt="experience">
        </div>
        <div class="cause-content">
          <div class="cause-sub-title">全专业全流程</div>
          <div class="cause-content">建筑设计全专业全流程智能化模拟，汲取前人经验创造更多可能。开创新的行业概念。</div>
        </div>
      </div>
      <div class="products-cause">
        <div class="cause-img">
          <img src="../../assets/image/joinus/second/direction.png" alt="direction">
        </div>
        <div class="cause-content">
          <div class="cause-sub-title">多岗位培养</div>
          <div class="cause-content">重视员工职业规划和能力成长，提供学习机会帮助员工实现自身价值，找到适合员工的发展方向。</div>
        </div>
      </div>
      <div class="products-cause">
        <div class="cause-img">
          <img src="../../assets/image/joinus/second/technique.png" alt="technique">
        </div>
        <div class="cause-content">
          <div class="cause-sub-title">行业领先前沿科技</div>
          <div class="cause-content">公司专注于建筑设计和AI智能的探索，新课题、新挑战、新技术。</div>
        </div>
      </div>
      <div class="products-cause">
        <div class="cause-img">
          <img src="../../assets/image/joinus/second/atmosphere.png" alt="atmosphere">
        </div>
        <div class="cause-content">
          <div class="cause-sub-title">公司环境</div>
          <div class="cause-content">有活力的团队、舒适的办公环境、良好的工作氛围，快乐工作。</div>
        </div>
      </div>
      <div class="m-bottom-divide" />
    </div>
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  components: {},
  data() {
    return { }
  },
  computed: {
    ...mapState({
      device: (state) => state.app.device
    })
  },
  methods: {}
}
</script>

<style lang="scss" scoped>
@import "~@/styles/products/second.scss";
</style>